			html,body{
				width: 100%;
				height: 100%;
				margin: 0px;
			}
			#datetime {
				background: #0062AC;
				width: 100 %;
				height: 23px;
				padding: 12px;
				color: white;
			}
			.title{
				background:#EEF9FD ;
				width: 100%;
				height: 100px;
				
			}
			.img1{
				width:40%;
			}
			.img2{
				width:30%;
				padding-left: 300px;
			}
			.nav{
				background: #0062AC;
				width: 100%;
				height: 50px;
			}
			.nav ul{
				margin: 0px;
				list-style: none;
				text-decoration: none;
				margin-left:100px;
			}
			.nav ul li a{
				text-decoration: none;
				float: left;
				color: white;
				padding-left: 20px;
				padding-top:12px;
			}
			.container{
				display: grid;
				grid-template-columns: 1fr auto 1fr;
				grid-template-areas: "aa mm bb";
				height: 1680px;
				/*border:solid 1px black;*/
			}
			.blank1{
				grid-area: "aa";
				height: 500px;
			/*	border:solid 1px black;*/
			}
			.blank2{
				grid-area: "bb";
				height: 500px;
				/*border:solid 1px black;*/
			}
			.main{
				grid-area: "mm";
				height: 500px;
				/*border:solid 1px black;*/
			}
			
			
			
			
			
			
			
			.one{
				display: grid;
				grid-template: 610px 580px;
				grid-template-areas: "a b";
				/*border:solid 1px black;*/
				height: 550px;
			}
			.one-left{
				grid-area:"a";
				height: 100px;
				margin-right: 30px;
			}
			.one-left-title{
				width: 580px;
				color: #0062AC;
				font-size: 30px;
				border-bottom: solid 5px orange;
			}
			.one-left-image{
				width: 580px;
			}
			.one-right{
				grid-area:"b";
				height: 100px;
				/*border:solid 1px black;*/
			}
			.one-right-title{
				width: 580px;
				color: #0062AC;
				font-size: 30px;
				border-bottom: solid 5px pink;
			}
			.one-right-list {
				padding-left: 18px;
			}
			.one-right-list li{
				border-bottom: dashed 1px grey;
				padding-top:10px;
			}
			.one-right-list a{
				text-decoration: none;
				color: black;
				font-size: 14px;
			}
			
			

			.two{
				display: grid;
				grid-auto-columns: 1fr 1fr 1fr 1fr;
				grid-template-areas:"c d e f";
				height: 120px;
			}
			.two a{
				text-decoration: none;
				color: white;
			}
			.two-one{
				grid-area:"c";
				color: white;
				background-color: #0062AC ;
				text-align: center;
				padding-top: 30px;
			}
			.two-two{
				grid-area:"d";
				color: white;
				background-color: #24A9E6;
				text-align: center;
				padding-top: 30px;
				margin-left: 10px;
			}
			.two-three{
				grid-area:"e";
				color: white;
				background-color: #F8B62C;
				text-align: center;
				padding-top: 30px;
				margin-left: 10px;
			}
			.two-four{
				grid-area:"f";
				color: white;
				background-color: #0BA299;
				text-align: center;
				padding-top: 30px;
				margin-left: 10px;
			}
			
			
			
			
			.three{
				display: grid;
				grid-template: 610px 580px;
				grid-template-areas: "g h";
				/*border:solid 1px black;*/
				height: 550px;
			}
			.three-left{
				grid-area:"g";
				height: 100px;
				/*border:solid 1px black;*/
			}
			.three-left-title{
				width: 580px;
				color: #0062AC;
				font-size: 30px;
				border-bottom: solid 5px greenyellow;
			}
			.three-left-list{
				padding-left: 18px;
			}
			.three-left-list li{
				border-bottom: dashed 1px grey;
				padding-top:10px;
			}
			.three-left-list a{
				text-decoration: none;
				color: black;
				font-size: 14px;
			}
			
			.three-right{
				grid-area:"h";
				height: 100px;
				/*border:solid 1px black;*/
			}
			.three-right-title{
				width: 580px;
				color: #0062AC;
				font-size: 30px;
				border-bottom: solid 5px deepskyblue;
			}
			.three-right-list {
				padding-left: 18px;
			}
			.three-right-list li{
				border-bottom: dashed 1px grey;
				padding-top:10px;
			}
			.three-right-list a{
				text-decoration: none;
				color: black;
				font-size: 14px;
			}
			
			#four-one{
				border-bottom: solid 5px orange;
			}
			#four-two{
				border-bottom: solid 5px red;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			.tail{
				float: none;
				height: 80px;
				background-color: #0062AC ;
				color: white;
				padding-top: 12px;
				text-align: center;
			}